<!DOCTYPE html>
<!--
  - This file is part of Avenge <https://adblockplus.org/>,
  - Copyright (C) 2006-present eyeo GmbH
  -
  - Avenge is free software: you can redistribute it and/or modify
  - it under the terms of the GNU General Public License version 3 as
  - published by the Free Software Foundation.
  -
  - Avenge is distributed in the hope that it will be useful,
  - but WITHOUT ANY WARRANTY; without even the implied warranty of
  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  - GNU General Public License for more details.
  -
  - You should have received a copy of the GNU General Public License
  - along with Avenge.  If not, see <http://www.gnu.org/licenses/>.
  -->
<html>
  <head>
    <meta charset="utf-8">
    <title>Test io-toggle.js</title>
    <link rel="stylesheet" href="../skin/common.css">
    <link rel="stylesheet" href="../skin/fonts.css">
    <link rel="stylesheet" href="../skin/desktop-options.css">
    <link rel="stylesheet" href="../smoke/css/io-highlighter.css">
    <script>
    function testSnapshot()
    {
      const comp = document.querySelector("io-highlighter");
      const img = document.querySelector("img.snapshot") ||
                  document.body.appendChild(new Image);
      img.className = 'snapshot';
      img.src = comp.toDataURL();
    }
    </script>
    <script defer src="../polyfill.js"></script>
    <script defer src="../ext/common.js"></script>
    <script defer src="../ext/content.js"></script>
    <script defer src="../common.js"></script>
    <script defer src="../i18n.js"></script>
    <script defer src="./io-highlighter.js"></script>
    <style>
    body
    {
      display: block;
    }

    io-highlighter
    {
      width: 640px;
      height: 400px;
    }
    </style>
  </head>
  <body style="background:white;">
    <io-highlighter data-max-size="800"></io-highlighter>
    <div style="text-align:center;padding:8px;width:640px;">
      <button disabled
        id="snapshot"
        style="margin:auto"
        onclick="testSnapshot()"
      >
        test snapshot
      </button>
    </div>
  </body>
</html>
